{include file="common/head"/}
<style type="text/css">
    .layui-form-label{width: 100px;}
    .layui-form-item .layui-input-inline{width: 69%;}
    .has-login{width:100%;text-align: center;padding: 120px 0;}
    .has-login a{color: #576b95;}
    .nav-user a{color: #fff;}
</style>
<body>
<div class="header">
    <div class="">
        <div class="nav-user lang" style="color:#fff;padding:0px 15px;">
            <a href="#" data-lang="en-us" data-href="{:U('user/register/changeLang')}" class="_changeLang"><span class="en-us"></span>ENGLISH</a> | 
            <a href="#" data-lang="zh-tw" data-href="{:U('user/register/changeLang')}" class="_changeLang">中文</a>
        </div>

    </div>
</div>
<div class="lp-pom-block-8">
    <div class="wap-main">
        <div class="layui-col-xs6 bock-left">
            <div id="lp-pom-blocklogo">
                <img src="__STATIC__/user/images/logox.png">
            </div>
            <div class="lp-element lp-pom-text nlh" id="" >
                {:lang('Bridging & Connecting Enterprise Clouds Anywhere, Anytime')}
            </div>
        </div>
        <div class="layui-col-xs6 ">
            <div class="layui-form beg-login-main">
            <form method="post" class="fields">
                <div class="layui-form-item">
                    <label class="beg-login-icon fs1">
                        <span class="icon cloud-title"><img src="__STATIC__/user/images/logo.png" width="210"></span>
                    </label>
                </div>
                
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <input type="text" id="L_email" name="email" autocomplete="off" lay-verify="required" placeholder="{:lang('E-mail address')}" autocomplete="off" class="layui-input text">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <input type="password" id="L_pass" name="password" autocomplete="off" lay-verify="required"  placeholder="{:lang('Password')}" autocomplete="off" class="layui-input text">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <input type="password" id="L_repass" name="password2" autocomplete="off" lay-verify="required" placeholder="{:lang('Confirm Password')}" autocomplete="off" class="layui-input text">
                    </div>
                </div>
                
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <input type="text" id="L_tel" name="tel" autocomplete="off" lay-verify="required" placeholder="{:lang('Mobile Phone')}" autocomplete="off" class="layui-input text">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <input type="text" id="L_telephone" name="telephone"  placeholder="{:lang('telephone')}" autocomplete="off" class="layui-input text">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <input type="text" id="L_company" name="company" lay-verify="required" placeholder="{:lang('Company Name')}" autocomplete="off" class="layui-input text">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <input type="text" id="L_position" name="position"  lay-verify="required" placeholder="{:lang('position')}" autocomplete="off" class="layui-input text">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-inline">
                        <input type="text" id="L_address" name="address" lay-verify="required" placeholder="{:lang('Please enter the company address')}" autocomplete="off" class="layui-input text">
                    </div>
                </div>
                <!-- <div class="layui-form-item" style="position: relative;">
                    <div class="layui-input-inline" style="width: 150px;">
                        <input type="text" id="L_vercode" name="vercode" lay-verify="required"  placeholder="{:lang('Verification Code')}" autocomplete="off" class="layui-input text">
                    </div>
                    <div class="layui-form-mid captcha">
                        <img class="captcha" src="{:captcha_src()}" alt="captcha" onclick="this.src=this.src+'?'+'id='+Math.random()"/>
                    </div>
                </div> -->
                <div class="layui-form-item">
                    <label class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <button type="button" class="layui-btn" id="lp-pom-button-13" lay-filter="sub" lay-submit>{:lang('Sign up')}</button>
                    </div>
                </div>
                 <div class="layui-form-item" style="text-align: right;padding-right: 5px;color: #c1c1c1;font-size: 14px;">
                    <span>{:lang('Own an Account?')}</span> <a href="{:url('/')}" style="color: #fff;">{:lang('Log In')}</a>
                </div>
                
            </form>
        </div>  
        </div>
    </div>
    
</div>
<div class="wap-main">
<div class="layui-col-xs12">
  <div >
      <img src="__STATIC__/user/images/da69f300-new-logo-full-size_0pk0530pk04k000009.PNG" width="100%">
  </div>
</div>
</div>
<!-- <div class="lp-element lp-pom-block" id="lp-pom-block-80">
    <div class="contener">
        <div class="lp-element lp-pom-image" id="lp-pom-image-87">
            <div class="lp-pom-image-container" style="overflow: hidden;">
                <img src="__STATIC__/user/images/91243cee-allher-icon-quote_03y03g03y03g000000.png" width="90%">
            </div>
        </div>
        <div class="lp-element lp-pom-text nlh" id="lp-pom-text-83" style="height: auto;">
            <p style="line-height: 34px;">
            <span style="font-family: Montserrat; font-weight: 700; font-style: normal; color: rgb(255, 255, 255); font-size: 26px;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">{:lang('We help our customers achieve their long-term objectives through INNOVATION in Solutions, PERFECTION in Technology, and KNOWLEDGE in Strategy….')}&nbsp;</font></font></span>
            </p>
            <p style="text-align: right;margin-top:20px;margin-right:-100px;">
                <span style="color: rgb(0, 186, 242); font-size: 18px; font-family: Montserrat; font-weight: 700; font-style: normal;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">{:lang('CY Leung Patrick, Group Chairman')}</font></font></span>
            </p>
        </div>

    </div>
</div> -->

{include file="common/footer"/}
<script>
    layui.use(['form', 'layer'], function () {
        var form = layui.form,$ = layui.jquery;
        // 登录提交监听
        form.on('submit(sub)', function (data) {
            var loading = layer.load(1, {shade: [0.1, '#fff']});
            $.post("{:url('index')}",data.field,function(res){
                layer.close(loading);
                if(res.code > 0){
                    layer.msg(res.msg,{time:1000,icon:1},function(){
                        location.href = "{:url('index/index')}";
                    });
                }else{
                    layer.msg(res.msg,{time:1000,icon:2});
                    $(".captcha").click();
                }
            });
        })
        $("._changeLang").click(function(){
             var loading = layer.load(1, {shade: [0.1, '#fff']});
             $.post($(this).data('href'),{lang:$(this).data('lang')},function(res){
                layer.close(loading);
                location.reload();
             })
        })
    })

</script>
</body>
</html>